/* 字体定义 */

/* 阿里妈妈数黑体 - 用于分类标题 */
@font-face {
    font-family: "alimama";
    src: url("../fonts/alimamashuheiti.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* D-DIN-PRO-400-Regular - 用于价格显示 */
@font-face {
    font-family: "D-DIN-PRO-400-Regular";
    src: url("../fonts/D-DIN-PRO-400-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 字体应用类 */

/* 价格字体 */
.price-font {
    font-family: 'D-DIN-PRO-400-Regular', 'Arial', 'Helvetica', sans-serif;
    font-weight: normal;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

/* 价格容器 - 货币符号和数字分开处理 */
.price-container {
    display: inline-flex;
    align-items: baseline;
    gap: 0.1em;
}

/* 货币符号 - 使用默认字体，较小尺寸 */
.currency-symbol {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.7em;
    font-weight: normal;
}

/* 价格数字 - 使用专用字体 */
.price-number {
    font-family: 'D-DIN-PRO-400-Regular', 'Arial', 'Helvetica', sans-serif;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

/* 分类标题字体 */
.category-title-font {
    font-family: 'alimama', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
    font-weight: normal;
}

/* 栏目标题字体 */
.section-title-font {
    font-family: 'alimama', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
    font-weight: normal;
}

/* 数字字体 - 用于统计数据等 */
.number-font {
    font-family: 'D-DIN-PRO-400-Regular', 'Arial', 'Helvetica', monospace, sans-serif;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

/* 响应式字体大小 */
.price-font {
    font-size: 1.25rem; /* 20px */
}

@media (min-width: 768px) {
    .price-font {
        font-size: 1.5rem; /* 24px */
    }
}

@media (min-width: 1024px) {
    .price-font {
        font-size: 1.75rem; /* 28px */
    }
}

/* 大价格字体 */
.price-font-large {
    font-family: 'D-DIN-PRO-400-Regular', 'Arial', 'Helvetica', sans-serif;
    font-size: 2rem; /* 32px */
    font-weight: bold;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

@media (min-width: 768px) {
    .price-font-large {
        font-size: 2.5rem; /* 40px */
    }
}

/* 小价格字体 */
.price-font-small {
    font-family: 'D-DIN-PRO-400-Regular', 'Arial', 'Helvetica', sans-serif;
    font-size: 0.875rem; /* 14px */
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

/* 分类标题样式 */
.category-title {
    font-family: 'alimama', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .category-title {
        font-size: 1.75rem;
    }
}

@media (min-width: 1024px) {
    .category-title {
        font-size: 2rem;
    }
}

/* 栏目标题样式 */
.section-title {
    font-family: 'alimama', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .section-title {
        font-size: 1.5rem;
    }
}
